<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="tencent.css">
</head>

<body>
	<!-- 头部开始 -->
	<header class="header">

		<div class="wrap">
			<div class="top">
				<img src="img/Tencent-logo.png" alt="加载失败">
				<div class="right">
					<ul >
						<li>社会招聘</li>
						<li>生活在腾讯</li>
						<li>校园招聘</li>
						<li>产品和服务</li>
						<li>工作地点</li>
					</ul>
					<div class="btn">
						登录
					</div>
				</div>
				
			</div>
			<div class="bottom">
				<img src="img/search.png" alt="">
				<input type="text" placeholder="搜索工作岗位">
				<span>
					查看工作岗位
				</span>
			</div>
		</div>

	</header>
	<!-- 头部结束 -->

	<!-- 主体开始 -->
	<main class="main">
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="left">
				<div class="top">
					<h2>
						<a href="#">Director of Engineering - Immersive Media</a>
						<div><img src="./img/list-location2.svg" alt="">帕罗奥梅</div>
					</h2>
					<p>CSIG|技术|更新于2023年03月10日</p>
				</div>
				<div class="buttom">
					<p>Manage and grow the immersive media group.</p>
					<p>Develop immersive media technology roadmap followed by execution...</p>
				</div>
			</div>
			<div class="right">
				<div>
					<img src="./img/share-icon.png" alt="">
					<span>分享</span>
				</div>
				<div>
					<img src="./img/rectangle-narmal2x.png" alt="">
					<span>收藏</span>
				</div>
			</div>
		</div>
	</main>
	<!-- 主体结束 -->

	<!-- 尾部开始 -->
	<footer class="footer">

		     <!-- 头部标题 -->
			 <nav class="three-top w1200">关注腾讯招聘 </nav>
			 <hr>
			 <!-- 内容 -->
			 <div class="w1200 three-cen">
				 <!-- 左边部分 -->
				 <ul class="three-dis">
					 <!-- 本部分第一条 -->
					 <li>
						 <h6>公司</h6>
						 <a href="#">关于腾讯</a>
						 <a href="#">腾讯公益</a>
						 <a href="#">客服中心</a>
					 </li>
					 <!-- 本部分第二条 -->
	 
					 <li>
						 <h6>法律信息</h6>
						 <a href="#">服务协议</a>
						 <a href="#">隐私政策</a>
						 <a href="#">知识产权</a>
					 </li>
				 </ul>
				 <!-- 右边部分 -->
				 <aside class="bgimge"></aside>
			 </div>
			 <!-- 底部 -->
			 <hr>
			 <div class="three-end w1200">Copyright © 1998 - 2023 Tencent. All Rights Reserved.</div>

	</footer>
	<!-- 尾部结束 -->
</body>

</html>